<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>1网页布局</title>
  <!--<link rel="stylesheet" href="../../../css/normalize.css">
  <link rel="stylesheet" href="../../../css/main.css">-->
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
<header>
  <div class="container">
    <a href="index.html"><img src="images/logo.png"></a>
    <nav>
      <a class="active" href="index.html">Home</a>
      <a href="#">Course</a>
      <a href="#">Actual</a>
      <a href="#">Plan</a>
      <a href="#">FAQ</a>
      <a href="#">Notes</a>
    </nav>
  </div>
</header>
<section class="banner">
  <ul>
    <li class="active"><img src="images/banner/banner1.jpg"></li>
    <li class="left"><img src="images/banner/banner3.jpg"></li>
    <li class="right"><img src="images/banner/banner2.jpg"></li>
  </ul>
</section>
<section class="main">
  <aside>
    <h1>Recent <samp>Course</samp></h1>
    <dl>
      <dt>Hyper Text Markup Language</dt>
      <dd><img src="images/Course/05_05.png"></dd>
      <dd>HTML is the standard markup language used to create web pages and its elements form the building blocks of all websites.</dd>
    </dl>
    <dl>
      <dt>Cascading Style Sheets</dt>
      <dd><img src="images/Course/06_04.png"></dd>
      <dd>Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents.</dd>
    </dl>
    <dl>
      <dt>JavaScript</dt>
      <dd><img src="images/Course/09_07.png"></dd>
      <dd>JavaScript is a high-level, dynamic, untyped, and interpreted programming language.</dd>
    </dl>
    <dl>
      <dt>AngularJS</dt>
      <dd><img src="images/Course/02_09.png"></dd>
      <dd>AngularJS is an open-source web application framework mainly maintained by Google and by a community of individuals and...</dd>
    </dl>
  </aside>
  <article>
    <h1>Welcome to <samp>Massive Open Online Course!</samp></h1>
    <p>We provide the latest knowledge to help you cope with the changing world!</p>
    <img src="images/article.jpg">
    <p>We hope that all the students who love the Internet can be more convenient access to learning resources, using the Internet thinking to change our learning.</p>
    <p>Focus on IT skills education MOOC, consistent with the development trend of the Internet down to earth's MOOC. We are free, we only teach useful, we concentrate on education.</p>
  </article>
</section>
<footer>
  <div class="container">
    <p>Copyright © 2016 imooc.com All Rights Reserved.</p>
    <span>
			<img src="images/icon/weichat.png">
			<img src="images/icon/sina.png">
			<img src="images/icon/qq.png">
		</span>
  </div>
</footer>
</body>
</html>
